<!DOCTYPE html>
<!--
This file is part of Cockpit.

Copyright (C) 2015 Red Hat, Inc.

Cockpit is free software; you can redistribute it and/or modify it
under the terms of the GNU Lesser General Public License as published by
the Free Software Foundation; either version 2.1 of the License, or
(at your option) any later version.

Cockpit is distributed in the hope that it will be useful, but
WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public License
along with Cockpit; If not, see <http://www.gnu.org/licenses/>.
-->
<html>
  <head>
    <title translate="yes">Diagnostic reports</title>
    <meta charset="utf-8">
    <link href="sosreport.css" rel="stylesheet">
    <script type="text/javascript" src="../base1/cockpit.js"></script>
    <script type="text/javascript" src="../*/po.js"></script>
    <script type="text/javascript" src="sosreport.js"></script>
  </head>
  <body class="pf-m-redhat-font" hidden>
    <div class="pf-c-page">
      <main class="pf-c-page__main" tabindex="-1">
        <section class="pf-c-page__main-section pf-m-light">
          <div class="pf-c-empty-state">
            <div class="pf-c-empty-state__content">
              <img class="pf-c-empty-state__icon" aria-hidden="true" src="sosreport.png" alt="">
              <div class="pf-c-empty-state__body">
                <p translate="yes">This tool will collect system configuration and diagnostic information from this system for use with diagnosing problems with the system.</p>
                <p translate="yes">The collected information will be stored locally on the system.</p>
                <p id="switch-instructions" translate="yes">You need to switch to "Administrative access" in order to create reports.</p>
            </div>
            <button id="create-button" translate="yes" class="pf-c-button pf-m-primary">Create report</button>
          </div>
        </section>
      </main>
    </div>

    <div hidden aria-hidden="true" id="sos">
        <div class="pf-c-backdrop">
            <div class="pf-l-bullseye">
                <div class="pf-c-modal-box pf-m-md pf-m-align-top" role="dialog" aria-modal="true">
                    <header class="pf-c-modal-box__header">
                        <h1 class="pf-c-modal-box__title" translate="yes">Create diagnostic report</h4>
                    </header>
                    <div class="pf-c-modal-box__body">
                        <div id="sos-alert" class="pf-c-alert pf-m-info pf-m-inline" aria-label="inline info alert">
                            <div class="pf-c-alert__icon">
                                <span class="pficon pficon-info"></span>
                            </div>
                            <h4 class="pf-c-alert__title alert-message" translate="yes">The generated archive contains data considered sensitive and its content should be reviewed by the originating organization before being passed to any third party.</h4>
                        </div>
                        <div id="sos-progress" class="text-center">
                            <div translate="yes">Generating report</div>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar"></div>
                            </div>
                        </div>
                        <div id="sos-download" class="text-center">
                            <div translate="yes">Done!</div>
                            <button class="pf-c-button pf-m-primary" translate>Download report</button>
                        </div>
                        <div id="sos-error">
                            <div class="pf-c-alert pf-m-danger pf-m-inline" aria-label="inline danger alert">
                                <div class="pf-c-alert__icon">
                                    <span class="pficon pficon-info"></span>
                                </div>
                                <h4 class="pf-c-alert__title alert-message"></h4>
                            </div>
                            <textarea id="sos-error-extra">
                            </textarea>
                        </div>
                    </div>
                    <footer class="pf-c-modal-box__footer">
                        <button class="pf-c-button pf-m-link" translate="yes" id="sos-cancel">Cancel</button>
                    </footer>
                </div>
            </div>
        </div>
    </div>

  </body>
</html>
